/* 
配置说明： 20230520121337
官方文档：https://tailwindcss.com/docs/installation/using-postcss
 + 这里使用了 postCss，本身tailcss就是postCss的一个插件
 + TailwindCSS并不会生成一个全量的样式包，而是根据具体使用到的语法生成对应的样式代码，这样可以确保打包产生的样式包是最小的。在下面的content中配置。

  注意：需要手动编译生成css，代码如下：
  > ./node_modules/.bin/tailwind -i ./resource/tailwind_common.css -o ./src/css/tailwind_common.css --watch
  此处说明：/resource/tailwind_common.css 为tailcss的导入配置，需将其编译到src的css中（并作为全局css使用），并由后续的webpack编译

*/


/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.vue"],
  theme: {
    
    extend: {
      
      spacing:{
        sm:"5%",
        md:"10%",
        lg:"20%",
      },


    },
  },
  plugins: [],
}

